<!DOCTYPE html>
<html>
    <head>
        <title>统一挂号平台</title>
        <meta charset='utf-8' />
        <link rel="stylesheet" href="./css/layout.css" type="text/css">
        <link rel="stylesheet" href="./css/base.css" type="text/css">
        <link rel='stylesheet' href='./css/index.css' type='text/css'>
        <link rel="stylesheet" href="./css/ui.css" type="text/css" >
        <script src='./js/jquery-1.7.1.min.js' type='text/javascript'></script>
        <script src='./js/ui.js' type='text/javascript'></script>
        <script src='./js/data.js' type='text/javascript'></script>
    </head>
    <body>
        <div class="top" id="top">
            <div class="wrap">
                <p class="top__call">010-114/116114预约电话</p>
                <p class="top__welcome">
                    欢迎来到城市预约挂号统一平台&nbsp;请&nbsp;
                    <a href="#" >登 陆</a>
                    <a href="#" >注 册</a>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="#" >帮助中心</a>
                </p>
            </div>
        </div>
        <div class="header" id="header">
            <div class="wrap">
                <div class="header__logo">
                    <img src="./img/logo.png" alt="城市预约挂号统一平台">
                </div>
                <div class="header__search ui-search">
                    <div class="ui-search-selected">医院</div>
                    <div class="ui-search-select-list">
                        <a href="#1">科室</a>
                        <a href="#1">疾病</a>
                        <a href="#1">医院</a>
                    </div>
                    <input type="text" name="search-content" class="ui-search-input" placeholder="请输入搜索内容">
                    <a href="#" class="ui-search-submit">&nbsp;</a>
                </div>
            </div>
        </div>
        <div class="nav" id="nav">
            <div class="wrap ui-nav">
                <div class="nav__link nav__menu nav__link_active">
                    全部科室
                    <div class="nav__menu-list ui-menu">
                        <div class="ui-menu-item">
                            <a href="#" class="ui-menu-item-department">内科</a>
                            <a href="#" class="ui-menu-item-disease">高血压</a>
                            <a href="#" class="ui-menu-item-disease">冠心病</a>
                            <div class="ui-menu-item-detail">
                                <div class="ui-menu-item-detail-group">
                                    <div class="ui-menu-item-detail-group-title">内科</div>
                                    <div class="ui-menu-item-detail-group-list">
                                            <a href="#">心脑血管科</a>
                                            <a href="#">神经内科</a>
                                            <a href="#">内分泌科</a>
                                            <a href="#">血液科</a>
                                            <a href="#">心血管内科</a>
                                            <a href="#">神经内科</a>
                                            <a href="#">内分泌科</a>
                                            <a href="#">血液科</a>
                                            <a href="#">心血管内科</a>
                                            <a href="#">神经内科</a>
                                            <a href="#">内分泌科</a>
                                            <a href="#">血液科</a>
                                            <a href="#">心血管内科</a>
                                            <a href="#">神经内科</a>
                                            <a href="#">内分泌科</a>
                                            <a href="#">血液科</a>
                                    </div>
                                </div>
                                <div class="ui-menu-item-detail-group">
                                    <div class="ui-menu-item-detail-group-title">常见内科</div>
                                    <div class="ui-menu-item-detail-group-list">
                                            <a href="#">心脑血管科</a>
                                            <a href="#">神经内科</a>
                                            <a href="#">内分泌科</a>
                                            <a href="#">血液科</a>
                                            <a href="#">心血管内科</a>
                                            <a href="#">神经内科</a>
                                            <a href="#">内分泌科</a>
                                            <a href="#">血液科</a>
                                            <a href="#">心血管内科</a>
                                            <a href="#">神经内科</a>
                                            <a href="#">内分泌科</a>
                                            <a href="#">血液科</a>
                                            <a href="#">心血管内科</a>
                                            <a href="#">神经内科</a>
                                            <a href="#">内分泌科</a>
                                            <a href="#">血液科</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="ui-menu-item">
                            <a href="#" class="ui-menu-item-department">外科</a>
                            <a href="#" class="ui-menu-item-disease">肾结石</a>
                            <a href="#" class="ui-menu-item-disease">脑外伤</a>
                            <div class="ui-menu-item-detail">
                                <div class="ui-menu-item-detail-group">
                                    <div class="ui-menu-item-detail-group-title">外科</div>
                                    <div class="ui-menu-item-detail-group-list">
                                            <a href="#">肾结石</a>
                                            <a href="#">脑外伤</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                            <a href="#">肾结石</a>
                                            <a href="#">脑外伤</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                            <a href="#">肾结石</a>
                                            <a href="#">脑外伤</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                            <a href="#">肾结石</a>
                                            <a href="#">脑外伤</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                    </div>
                                </div>
                                <div class="ui-menu-item-detail-group">
                                    <div class="ui-menu-item-detail-group-title">常见外科</div>
                                    <div class="ui-menu-item-detail-group-list">
                                        <a href="#">肾结石</a>
                                        <a href="#">脑外伤</a>
                                        <a href="#">a疾病</a>
                                        <a href="#">b疾病</a>
                                        <a href="#">d疾病</a>
                                        <a href="#">肾结石</a>
                                        <a href="#">脑外伤</a>
                                        <a href="#">a疾病</a>
                                        <a href="#">b疾病</a>
                                        <a href="#">d疾病</a>
                                        <a href="#">肾结石</a>
                                        <a href="#">脑外伤</a>
                                        <a href="#">a疾病</a>
                                        <a href="#">b疾病</a>
                                        <a href="#">d疾病</a>
                                        <a href="#">肾结石</a>
                                        <a href="#">脑外伤</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="ui-menu-item">
                            <a href="#" class="ui-menu-item-department">妇产科</a>
                            <a href="#" class="ui-menu-item-disease">阴道炎</a>
                            <a href="#" class="ui-menu-item-disease">不孕不育</a>
                            <div class="ui-menu-item-detail">
                                <div class="ui-menu-item-detail-group">
                                    <div class="ui-menu-item-detail-group-title">妇产科</div>
                                    <div class="ui-menu-item-detail-group-list">
                                            <a href="#">阴道炎</a>
                                            <a href="#">不孕不育</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                            <a href="#">白带异常</a>
                                            <a href="#">乳房胀痛</a>
                                            <a href="#">月经推迟</a>
                                            <a href="#">阴道炎</a>
                                            <a href="#">不孕不育</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                            <a href="#">白带异常</a>
                                            <a href="#">乳房胀痛</a>
                                            <a href="#">月经推迟</a>
                                    </div>
                                </div>
                                <div class="ui-menu-item-detail-group">
                                    <div class="ui-menu-item-detail-group-title">常见妇科</div>
                                    <div class="ui-menu-item-detail-group-list">
                                        <a href="#">阴道炎</a>
                                        <a href="#">不孕不育</a>
                                        <a href="#">a疾病</a>
                                        <a href="#">b疾病</a>
                                        <a href="#">d疾病</a>
                                        <a href="#">白带异常</a>
                                        <a href="#">乳房胀痛</a>
                                        <a href="#">月经推迟</a>
                                        <a href="#">阴道炎</a>
                                        <a href="#">不孕不育</a>
                                        <a href="#">a疾病</a>
                                        <a href="#">b疾病</a>
                                        <a href="#">d疾病</a>
                                        <a href="#">白带异常</a>
                                        <a href="#">乳房胀痛</a>
                                        <a href="#">月经推迟</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="ui-menu-item">
                            <a href="#" class="ui-menu-item-department">生殖中心</a>
                            <a href="#" class="ui-menu-item-disease">男性不育</a>
                            <a href="#" class="ui-menu-item-disease"></a>
                            <div class="ui-menu-item-detail">
                                <div class="ui-menu-item-detail-group">
                                    <div class="ui-menu-item-detail-group-title">生殖中心</div>
                                    <div class="ui-menu-item-detail-group-list">
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                            <a href="#">e疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                            <a href="#">e疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                            <a href="#">e疾病</a>
                                    </div>
                                </div>
                                <div class="ui-menu-item-detail-group">
                                    <div class="ui-menu-item-detail-group-title">常见疾病</div>
                                    <div class="ui-menu-item-detail-group-list">
                                        <a href="#">a疾病</a>
                                        <a href="#">b疾病</a>
                                        <a href="#">a疾病</a>
                                        <a href="#">b疾病</a>
                                        <a href="#">d疾病</a>
                                        <a href="#">e疾病</a>
                                        <a href="#">a疾病</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="ui-menu-item">
                            <a href="#" class="ui-menu-item-department">儿科</a>
                            <a href="#" class="ui-menu-item-disease">小儿感冒</a>
                            <a href="#" class="ui-menu-item-disease">发烧</a>
                            <div class="ui-menu-item-detail">
                                <div class="ui-menu-item-detail-group">
                                    <div class="ui-menu-item-detail-group-title">儿科</div>
                                    <div class="ui-menu-item-detail-group-list">
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                            <a href="#">e疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                            <a href="#">e疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                            <a href="#">e疾病</a>
                                    </div>
                                </div>
                                <div class="ui-menu-item-detail-group">
                                    <div class="ui-menu-item-detail-group-title">常见疾病</div>
                                    <div class="ui-menu-item-detail-group-list">
                                        <a href="#">a疾病</a>
                                        <a href="#">b疾病</a>
                                        <a href="#">a疾病</a>
                                        <a href="#">b疾病</a>
                                        <a href="#">d疾病</a>
                                        <a href="#">e疾病</a>
                                        <a href="#">a疾病</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="ui-menu-item">
                            <a href="#" class="ui-menu-item-department">骨外科</a>
                            <a href="#" class="ui-menu-item-disease">关节炎</a>
                            <a href="#" class="ui-menu-item-disease">骨折</a>
                            <div class="ui-menu-item-detail">
                                <div class="ui-menu-item-detail-group">
                                    <div class="ui-menu-item-detail-group-title">骨外科</div>
                                    <div class="ui-menu-item-detail-group-list">
                                            <a href="#">关节炎</a>
                                            <a href="#">骨折</a>
                                            <a href="#">风湿</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                            <a href="#">e疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                            <a href="#">e疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                            <a href="#">e疾病</a>
                                    </div>
                                </div>
                                <div class="ui-menu-item-detail-group">
                                    <div class="ui-menu-item-detail-group-title">常见疾病</div>
                                    <div class="ui-menu-item-detail-group-list">
                                        <a href="#">a疾病</a>
                                        <a href="#">b疾病</a>
                                        <a href="#">a疾病</a>
                                        <a href="#">b疾病</a>
                                        <a href="#">d疾病</a>
                                        <a href="#">e疾病</a>
                                        <a href="#">a疾病</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="ui-menu-item">
                            <a href="#" class="ui-menu-item-department">眼科</a>
                            <a href="#" class="ui-menu-item-disease">近视</a>
                            <a href="#" class="ui-menu-item-disease">白内障</a>
                            <div class="ui-menu-item-detail">
                                <div class="ui-menu-item-detail-group">
                                    <div class="ui-menu-item-detail-group-title">眼科</div>
                                    <div class="ui-menu-item-detail-group-list">
                                            <a href="#">近视</a>
                                            <a href="#">白内障</a>
                                            <a href="#">青光眼</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                            <a href="#">e疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                            <a href="#">e疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                            <a href="#">e疾病</a>
                                    </div>
                                </div>
                                <div class="ui-menu-item-detail-group">
                                    <div class="ui-menu-item-detail-group-title">常见疾病</div>
                                    <div class="ui-menu-item-detail-group-list">
                                        <a href="#">a疾病</a>
                                        <a href="#">b疾病</a>
                                        <a href="#">a疾病</a>
                                        <a href="#">b疾病</a>
                                        <a href="#">d疾病</a>
                                        <a href="#">e疾病</a>
                                        <a href="#">a疾病</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="ui-menu-item">
                            <a href="#" class="ui-menu-item-department">口腔科</a>
                            <a href="#" class="ui-menu-item-disease">口腔修复</a>
                            <a href="#" class="ui-menu-item-disease">牙痛</a>
                            <div class="ui-menu-item-detail">
                                <div class="ui-menu-item-detail-group">
                                    <div class="ui-menu-item-detail-group-title">口腔科</div>
                                    <div class="ui-menu-item-detail-group-list">
                                            <a href="#">口腔修复</a>
                                            <a href="#">牙痛</a>
                                            <a href="#">补牙</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                            <a href="#">e疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                            <a href="#">e疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                            <a href="#">e疾病</a>
                                    </div>
                                </div>
                                <div class="ui-menu-item-detail-group">
                                    <div class="ui-menu-item-detail-group-title">常见疾病</div>
                                    <div class="ui-menu-item-detail-group-list">
                                        <a href="#">a疾病</a>
                                        <a href="#">b疾病</a>
                                        <a href="#">a疾病</a>
                                        <a href="#">b疾病</a>
                                        <a href="#">d疾病</a>
                                        <a href="#">e疾病</a>
                                        <a href="#">a疾病</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="ui-menu-item">
                            <a href="#" class="ui-menu-item-department">耳鼻喉科颈科</a>
                            <a href="#" class="ui-menu-item-disease">鼻炎</a>
                            <a href="#" class="ui-menu-item-disease"></a>
                            <div class="ui-menu-item-detail">
                                <div class="ui-menu-item-detail-group">
                                    <div class="ui-menu-item-detail-group-title">耳鼻喉科颈科</div>
                                    <div class="ui-menu-item-detail-group-list">
                                            <a href="#">鼻炎</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                            <a href="#">e疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                            <a href="#">e疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                            <a href="#">e疾病</a>
                                    </div>
                                </div>
                                <div class="ui-menu-item-detail-group">
                                    <div class="ui-menu-item-detail-group-title">常见疾病</div>
                                    <div class="ui-menu-item-detail-group-list">
                                        <a href="#">a疾病</a>
                                        <a href="#">b疾病</a>
                                        <a href="#">a疾病</a>
                                        <a href="#">b疾病</a>
                                        <a href="#">d疾病</a>
                                        <a href="#">e疾病</a>
                                        <a href="#">a疾病</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="ui-menu-item">
                            <a href="#" class="ui-menu-item-department">肿瘤科</a>
                            <a href="#" class="ui-menu-item-disease">癌痛</a>
                            <a href="#" class="ui-menu-item-disease"></a>
                            <div class="ui-menu-item-detail">
                                <div class="ui-menu-item-detail-group">
                                    <div class="ui-menu-item-detail-group-title">肿瘤科</div>
                                    <div class="ui-menu-item-detail-group-list">
                                            <a href="#">癌痛</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                            <a href="#">e疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                            <a href="#">e疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                            <a href="#">e疾病</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="ui-menu-item">
                            <a href="#" class="ui-menu-item-department">其他科室</a>
                            <a href="#" class="ui-menu-item-disease"></a>
                            <a href="#" class="ui-menu-item-disease"></a>
                            <div class="ui-menu-item-detail">
                                <div class="ui-menu-item-detail-group">
                                    <div class="ui-menu-item-detail-group-title">其他科室</div>
                                    <div class="ui-menu-item-detail-group-list">
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                            <a href="#">e疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                            <a href="#">e疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">a疾病</a>
                                            <a href="#">b疾病</a>
                                            <a href="#">d疾病</a>
                                            <a href="#">e疾病</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <a href="./hospital.html" class="nav__link">按医院挂号</a>
                <a href="./department.html" class="nav__link">按科室挂号</a>
                <a href="#" class="nav__link">按疾病挂号</a>
                <a href="#" class="nav__link">最新公告</a>
                <a href="#" class="nav__link nav__link_right">社会知名医院</a>
            </div>
        </div>
        <div class="banner clearfix" id="banner">
            <div class="banner-slider ui-slider">
                <div class="ui-slider-wrap">
                    <a href="#" class="item">
                        <img src="./img/banner_1.jpg" alt="banner-1">
                    </a>
                    <a href="#" class="item">
                        <img src="./img/banner_2.jpg" alt="banner-2">
                    </a>
                    <a href="#" class="item">
                        <img src="./img/banner_3.jpg" alt="banner-3">
                    </a>
                </div>
                <div class="ui-slider-arrow">
                    <a href="#" class="item left">&nbsp;</a>
                    <a href="#" class="item right">&nbsp;</a>
                </div>
                <div class="ui-slider-process">
                    <a href="#" class="item item_active">&nbsp;</a>
                    <a href="#" class="item">&nbsp;</a>
                    <a href="#" class="item">&nbsp;</a>
                </div>
            </div>
            <div class="banner-search">
                <div class="banner-search__title">
                    <span>快速预约</span>
                </div>
                <div class="form ui-cascading">
                    <div class="banner-search__block">
                        <select class="banner-search__select" data-search="getDistinctArea" data-where="" name="area" id="area">
                            <option value="医院地区">医院地区</option>
                        </select>
                    </div>
                    <div class="banner-search__block">
                        <select class="banner-search__select" data-search="getLeveByArea" data-where="" name="level" id="level">
                            <option value="医院等级">医院等级</option>
                        </select>
                    </div>
                    <div class="banner-search__block">
                        <select class="banner-search__select" data-search="getNameByAreaAndLevel" data-where="" name="hname" id="hname">
                            <option value="医院名称">医院名称</option>
                        </select>
                    </div>
                    <div class="banner-search__block">
                        <select class="banner-search__select" data-search="getDepartmentArrByHospitalName" data-where="" name="department" id="department">
                            <option value="医院科室">医院科室</option>
                        </select>
                    </div>
                </div>

                <div class="banner-search__btn">
                    <span>快速查询</span>
                </div>
            </div>
            <div class="banner-help">
                <div class="banner-help__title">
                    <span>帮助中心</span>
                </div>
                <div class="banner-help__list">
                    <a href="#" class="banner-help__link">账号指南</a>
                    <a href="#" class="banner-help__link">预约指南</a>
                    <a href="#" class="banner-help__link">账号找回</a>
                    <a href="#" class="banner-help__link">常见问题</a>
                </div>
            </div>
        </div>
        <div class="content clearfix" id="content">
            <div class="content-tab">
                <div class="content-tab__caption">
                    <a href="#" class="content-tab__caption-item content-tab__caption-item_active">医院</a>
                    <a href="#" class="content-tab__caption-item">科室</a>
                </div>
                <div class="content-tab__block">
                    <div class="content-tab__block-item">
                        <div class="block-item__caption">
                            <a href="#" class="block-item__caption-link block-item__caption-link_active">全部</a>
                            <a href="#" class="block-item__caption-link">东城区</a>
                            <a href="#" class="block-item__caption-link">西城区</a>
                            <a href="#" class="block-item__caption-link">朝阳区</a>
                            <a href="#" class="block-item__caption-link">丰台区</a>
                            <a href="#" class="block-item__caption-link">石景山区</a>
                            <a href="#" class="block-item__caption-link">海淀区</a>
                            <a href="#" class="block-item__caption-link">门头沟区</a>
                            <a href="#" class="block-item__caption-link">房山区</a>
                            <a href="#" class="block-item__caption-link">其他</a>
                        </div>
                        <div class="block-item__content">
                            <div class="block-item__content-wrap">
                                <div class="content-wrap__list1 clearfix">
                                    <div class="content-wrap__list1-item">
                                        <img src="img/hospital-1.jpg" alt="xx医院">
                                        <div class="item-name">
                                            北京协和医院
                                            <span class="item-level">
                                                【三级甲等】
                                            </span>
                                        </div>
                                        <div class="item-phone">电话：东院咨询台:010-69155564..</div>
                                        <div class="item-addr">[东院]北京市东城区帅府园一号 [西院]北京市西城区大木仓...</div>
                                    </div>
                                    <div class="content-wrap__list1-item">
                                        <img src="img/hospital-2.jpg" alt="xx医院">
                                        <div class="item-name">
                                            北京协和医院
                                            <span class="item-level">
                                                【三级甲等】
                                            </span>
                                        </div>
                                        <div class="item-phone">电话：东院咨询台:010-69155564..</div>
                                        <div class="item-addr">[东院]北京市东城区帅府园一号 [西院]北京市西城区大木仓...</div>
                                    </div>
                                    <div class="content-wrap__list1-item">
                                        <img src="img/hospital-3.jpg" alt="xx医院">
                                        <div class="item-name">
                                            北京协和医院
                                            <span class="item-level">
                                                【三级甲等】
                                            </span>
                                        </div>
                                        <div class="item-phone">电话：东院咨询台:010-69155564..</div>
                                        <div class="item-addr">[东院]北京市东城区帅府园一号 [西院]北京市西城区大木仓...</div>
                                    </div>
                                    <div class="content-wrap__list1-item">
                                        <img src="img/hospital-4.jpg" alt="xx医院">
                                        <div class="item-name">
                                            北京协和医院
                                            <span class="item-level">
                                                【三级甲等】
                                            </span>
                                        </div>
                                        <div class="item-phone">电话：东院咨询台:010-69155564..</div>
                                        <div class="item-addr">[东院]北京市东城区帅府园一号 [西院]北京市西城区大木仓...</div>
                                    </div>
                                </div>
                                <div class="content-wrap__list2 clearfix">
                                    <a href="#" class="content-wrap__list2-item">
                                        首都儿科研究所附属儿童医院
                                        <span class="content-wrap__list2-level">
                                            【三级甲等】
                                        </span>
                                    </a>
                                    <a href="#" class="content-wrap__list2-item">
                                        首都儿科研究所附属儿童医院
                                        <span class="content-wrap__list2-level">
                                            【三级甲等】
                                        </span>
                                    </a>
                                    <a href="#" class="content-wrap__list2-item">
                                        首都儿科研究所附属儿童医院
                                        <span class="content-wrap__list2-level">
                                            【三级甲等】
                                        </span>
                                    </a>
                                    <a href="#" class="content-wrap__list2-item">
                                        首都儿科研究所附属儿童医院
                                        <span class="content-wrap__list2-level">
                                            【三级甲等】
                                        </span>
                                    </a>
                                    <a href="#" class="content-wrap__list2-item">
                                        首都儿科研究所附属儿童医院
                                        <span class="content-wrap__list2-level">
                                            【三级甲等】
                                        </span>
                                    </a>
                                    <a href="#" class="content-wrap__list2-item">
                                        首都儿科研究所附属儿童医院
                                        <span class="content-wrap__list2-level">
                                            【三级甲等】
                                        </span>
                                    </a>
                                </div>
                                <a href="#" class="content-wrap__more">更多医院</a>
                            </div>
                            <div class="block-item__content-wrap" style="display: none;">其他城区</div>
                        </div>
                    </div>
                    <div class="content-tab__block-item" style="display: none;">
                        其他医院
                    </div>
                </div>
            </div>
            <div class="content-news">
                <div class="content-news__title">
                    最新公告
                    <a href="#" class="content-news__more"> | 更多</a>
                </div>
                <div class="content-news__list">
                    <a href="#" class="content-news__link">阜外医院特需门诊暂停更新号源通...</a>
                    <a href="#" class="content-news__link">防护策略升级通知</a>
                    <a href="#" class="content-news__link">阜外医院特需门诊暂停更新号源通...</a>
                    <a href="#" class="content-news__link">防护策略升级通知</a>
                    <a href="#" class="content-news__link">阜外医院特需门诊暂停更新号源通...</a>
                    <a href="#" class="content-news__link">防护策略升级通知</a>
                </div>
            </div>
            <div class="content-close">
                <div class="content-close__title">
                    停诊公告
                    <a href="#" class="content-close__more"> | 更多</a>
                </div>
                <div class="content-close__list">
                    <a href="#" class="content-close__link">首都医科大学附属北京安贞医院消...</a>
                    <a href="#" class="content-close__link">首都医科大学附属北京安贞医院妇</a>
                    <a href="#" class="content-close__link">首都医科大学附属北京安贞医院消...</a>
                    <a href="#" class="content-close__link">北京安贞医院妇</a>
                    <a href="#" class="content-close__link">首都医科大学附属北京安贞医院消...</a>
                    <a href="#" class="content-close__link">北京安贞医院妇</a>
                </div>
            </div>
        </div>
        <div class="footer" id="footer">
            Copyright &copy; 2020 zyf 版权所有
        </div>
    </body>
</html>